<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hello World</title>
</head>
<body>
  <header class="bg-primary">
    <div class="row text-white">
      <div class="col-md-6 col-9 p-3 pl-6">
        <h2>HACTOBERFEST 2020</h2>
      </div>
      <div class="col-md-6 col-3 my-auto">
        <nav class="navbar navbar-expand-lg navbar-light bg-primary">
          <div class="collapse navbar-collapse " id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto">
             <a class="nav-link text-white" href="#">Home <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">Services</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">Experinces</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">Contact Me</a>
              </li>
            </ul>
            <form class="form-inline my-2 my-lg-0">
              <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
              <button class="btn btn-outline-success my-2 my-sm-0 text-white" type="submit">Search</button>
            </form>
          </div>
        </nav>
      </div>
    </div>
  </header>
</body>
</html>
